<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>Solicitudes</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link REL="SHORTCUT ICON"
		href="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/logoTcBuen.ico" />
</h:head>

<h:body>

	<ui:composition template="/MenuTemplate.xhtml">

		<ui:define name="content">

			<p:layout>

				<p:layoutUnit position="center">

					<f:view>
						<p:ajaxStatus onstart="statusDialog.show();"
							onsuccess="statusDialog.hide();" />
						<p:dialog modal="true" widgetVar="statusDialog" header="Cargando"
							draggable="false" closable="false">
							<p:graphicImage
								value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />
						</p:dialog>


						<div id="logo" align="center">
							<h:form id="form">
								<p:panel id="ec" header="Criterios de Busqueda">

									<h:panelGrid columns="4" id="panel">

										<h:outputText id="msgIdTpSolPqr_TipoSolicitudPqr"
											value="Tipo Solicitud:" />
										<p:selectOneMenu id="cmbTipoSolicitud"
											value="#{solicitudPqrView.id_tipoSolicitudPqr_solicitudPqr}"
											binding="#{solicitudPqrView.txtIdTpSolPqr_TipoSolicitudPqr}"
											style="height:25px;width:205px" required="true"
											requiredMessage="El Rol es requerido ">
											<f:selectItem itemLabel="Seleccione" itemValue="" />
											<f:selectItems
												value="#{solicitudPqrView.id_tipoSolicitudPqr}" />
										</p:selectOneMenu>

										<h:outputText id="msgIdTpEstPqr_TipoEstadoPqr" value="Estado:" />
										<p:selectOneMenu id="cmbTipoEstado"
											value="#{solicitudPqrView.id_tipoEstadoPqr_estadoPqr}"
											binding="#{solicitudPqrView.txtIdTpEstPqr_TipoEstadoPqr}"
											style="height:25px;width:205px" required="true"
											requiredMessage="El Área es requerida">
											<f:selectItem itemLabel="Seleccione" itemValue="" />
											<f:selectItems value="#{solicitudPqrView.id_tipoEstadoPqr}" />
										</p:selectOneMenu>


										<h:outputText id="msgFechaCreacion"
											value="Fecha Radicación Desde:" />
										<p:calendar showOn="button" navigator="true" locale="en"
											binding="#{solicitudPqrView.txtFechaCreacion}"
											required="true" requiredMessage="La Fecha Desde es requerido">
											<p:ajax event="dateSelect"
												listener="#{solicitudPqrView.listener_txtFechaCreacion}" />
										</p:calendar>
										<h:outputText id="msgFechaUltimaModificacion"
											value="Fecha Radicación Hasta:" />

										<p:calendar showOn="button" navigator="true" locale="en"
											binding="#{solicitudPqrView.txtFechaUltimaModificacion}"
											required="true"
											requiredMessage="La Fecha Hasta  es requerido">
											<p:ajax event="dateSelect"
												listener="#{solicitudPqrView.listener_txtFechaUltimaModificacion}" />
										</p:calendar>



										<!-- 				<h:outputText id="msgNumeroIdentificacion"
								value="Número Radicado:" />
							<p:inputText id="txtNumeroIdentificacion"
								binding="#{solicitudPqrView.txtNumeroRadicacion}"
								style="height:15px;width:205px"
								required="true"
								requiredMessage="El Número de Radicación es requerido"
								maxlength="50">
							</p:inputText> -->

									</h:panelGrid>

									<p:separator id="separator" />

									<h:panelGrid id="panelBotones" columns="2">

										<p:commandButton id="btnSave" value="Consultar"
											action="#{solicitudPqrView.consultarDatas()}"
											update="listaTDo,men,panel,panelBotones"
											icon="ui-icon-search" />

										<p:commandButton id="btnLimpiar" value="Limpiar"
											action="#{solicitudPqrView.limpiar()}"
											update="listaTDo,men,panel,panelBotones" />
									</h:panelGrid>

								</p:panel>

								<p:panel id="td" header="Estadisticas de Casos">

									<p:contextMenu>
										<p:menuitem value="Ver en detalle" icon="ui-icon-search"
											action="#{solicitudPqrView.consultar}" update="dialog"
											oncomplete="PF('carDialog').show()" />
									</p:contextMenu>


									<p:messages id="msg" />
									<p:growl id="men" />

									<p:dataTable var="car" value="#{solicitudPqrView.data}"
										id="listaTDo" rowKey="#{car.idSolPqr}" scrollable="true"
										scrollHeight="200" rows="5"
										selection="#{solicitudPqrView.selectedSolicitudPqr}"
										selectionMode="single"
										filteredValue="#{solicitudPqrView.data}"
										emptyMessage="Para consultar las Solicitudes, cambie los Parametros de Busqueda.">

										<p:column>
											<f:facet name="header">
												<h:outputText value="#Radicacion" />
											</f:facet>

											<p:outputLabel value="#{car.numeroRadicacion}" />
										</p:column>

										<p:column>
											<f:facet name="header">
												<h:outputText value="Tipo solicitud" />
											</f:facet>
											<p:outputLabel value=" #{car.descripcionTipoSolicitud}" />

										</p:column>


										<p:column>

											<f:facet name="header">
												<h:outputText value="Estado" />
											</f:facet>
											<p:outputLabel value="#{car.descripcionEstadoPqr} " />


										</p:column>



										<p:column>
											<f:facet name="header">
												<h:outputText value="Fecha Creacion" />
											</f:facet>
											<p:outputLabel value="#{car.fechaCreacion}" />

										</p:column>

										<p:column>

											<f:facet name="header">
												<h:outputText value="Area con el caso" />
											</f:facet>
											<p:outputLabel value="#{car.descripcionArea}" />

										</p:column>

									</p:dataTable>




									<!--		Ventana emergente          -->

									<p:dialog id="dialog" header="Detalle Solicitud"
										widgetVar="carDialog" resizable="false" width="800"
										showEffect="clip" hideEffect="fold" closable="true"
										height="500">

										<h:panelGrid id="confirmation" columns="4"
											columnClasses="grid,grid,grid" cellspacing="10">

											<h:outputText id="msgCodigo" value=" Nombre Empresa" />
											<p:inputText id="txtCodigo"
												value="#{solicitudPqrView.nombreEmpresa}"
												binding="#{solicitudPqrView.inNombreEmpresa}"
												disabled="true" />

											<h:outputText id="msgCodigo1" value=" Nombre de contacto" />
											<p:inputText id="txtCodigo1"
												value="#{solicitudPqrView.nombreContacto}"
												binding="#{solicitudPqrView.inNombrecontacto}"
												disabled="true" />

											<h:outputText id="msgC" value=" Identificación" />
											<p:inputText id="txtC" value="#{solicitudPqrView.iden}"
												binding="#{solicitudPqrView.identificacion}" disabled="true" />


											<h:outputText id="msgCodigo2" value=" Correo Electronico" />
											<p:inputText id="txtCodigo2"
												value="#{solicitudPqrView.correo}"
												binding="#{solicitudPqrView.incorreo}" disabled="true" />

											<h:outputText id="msgCodigo3" value=" Número Celular" />
											<p:inputText id="txtCodigo3"
												value="#{solicitudPqrView.celular}"
												binding="#{solicitudPqrView.incelular}" disabled="true" />

											<h:outputText id="msgCodigo4" value=" Teléfono fijo" />
											<p:inputText id="txtCodigo4"
												value="#{solicitudPqrView.telefono}"
												binding="#{solicitudPqrView.intelefono}" disabled="true" />

										</h:panelGrid>

										<h:panelGrid id="descripcion" columns="2" cellspacing="10">

											<h:outputText id="msgDescripcion"
												value=" Descripción del caso" />
											<p:inputTextarea rows="5" cols="60" id="txtDescripcion"
												value="#{solicitudPqrView.descrip}"
												binding="#{solicitudPqrView.indescripcion}" disabled="true" />
										</h:panelGrid>
										<p:separator />

										<p:panel id="td4" header="Respuestas Anteriores"
											binding="#{solicitudPqrView.panel}">

											<p:dataList value="#{solicitudPqrView.respuestas}"
												var="respuesta">
												<p:outputLabel value="#{respuesta.nombreAreaRespuesta}"
													style="font-size:18px" />
												<br />
												<h:outputText value=" Observacion: " />
												<p:inputTextarea rows="5" cols="60"
													value="#{respuesta.respuesta}" readonly="true" />


												<p:dataTable value="#{respuesta.listaAnexos}"
													var="respuestaAnexos">

													<p:column headerText="Descripcion del Anexo">
														<h:outputText value="#{respuestaAnexos.descripcion}" />
													</p:column>
													<p:column headerText="Nombre Anexo">
														<h:outputText value="#{respuestaAnexos.nombreAnexo}" />
													</p:column>
													<p:column headerText="Descargar">
														<p:commandButton value="Descargar" ajax="false"
															icon="ui-icon-arrowthick-1-s"
															onclick="PrimeFaces.monitorDownload(start, stop);">
															<p:fileDownload
																value="#{solicitudPqrView.fileDownloadView(respuestaAnexos)}" />
														</p:commandButton>
													</p:column>
												</p:dataTable>
												<p:separator />
											</p:dataList>
										</p:panel>


									</p:dialog>


								</p:panel>
								<p:panel id="ex" header="Exportar">
									<h:commandLink>
										<p:graphicImage
											value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/icono_excel.png" />
										<p:dataExporter type="xls" target="listaTDo" fileName="Excel"
											pageOnly="true" />
									</h:commandLink>

									<!-- <h:commandLink>
										<p:graphicImage value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/icono_pdf.png" />
										<p:dataExporter type="pdf" target="listaTDo" fileName="car"
											pageOnly="true" />
									</h:commandLink> -->

								</p:panel>
							</h:form>
						</div>
					</f:view>

				</p:layoutUnit>

			</p:layout>

		</ui:define>

	</ui:composition>
</h:body>
</html>